import React,{Component,PropTypes}from 'react';
import { AppRegistry,StyleSheet, Text, View,Navigator,NavigatorIOS,TouchableHighlight,Dimensions,
  Image,FlatList,ScrollView,ActivityIndicator,StatusBar,
  TextInput } from 'react-native';
import FlatListBasics from './FlatListBasics'
import ListViewdemo  from './ListViewdemo.js'
import ModalExample  from './modaldemo.js'
import Pickerdemo  from './pickerdemo.js'
import SliderDemo  from './sliderdemo.js'
import ScreenReaderStatusExample from './AccessibilityInfodemo'//阅读器是否打开
import ReactionsComponent  from './Counter'
import ScrollableTabView,{DefaultTabBar} from 'react-native-scrollable-tab-view'

export default class Test extends Component{
    render(){
        return (
            <View>
            <ScrollableTabView
            renderTabBar={() => <DefaultTabBar/>}>
            <View style={styles.content} tabLabel='我的'>
                <Text>我的</Text>
            </View>
            <View style={styles.content} tabLabel='音乐馆'>
                <Text>音乐馆</Text>
            </View>
            <View style={styles.content} tabLabel='发现'>
                <Text>发现</Text>
            </View>
            </ScrollableTabView>
            {/*<ReactionsComponent />
            <ScreenReaderStatusExample />
            <StatusBar
            backgroundColor="blue"
            barStyle="light-content"
            />

            <SliderDemo />
            <Pickerdemo />
            <ModalExample />
            <ListViewdemo />
             <ActivityIndicator animating={true} style={[styles.centering, {height: 80}]} size="large" />
            <FlatListBasics />*/}
            </View>
        )
    }
}

const styles = StyleSheet.create({
    centering: {
      alignItems: 'center',
      justifyContent: 'center',
      padding: 8,
    },
    gray: {
      backgroundColor: '#cccccc',
    },
    horizontal: {
      flexDirection: 'row',
      justifyContent: 'space-around',
      padding: 8,
    },
  });